/***********************************************************************************************************************************************************************************************************/
/*Import Mixins*/
/***********************************************************************************************************************************************************************************************************/
/*Import Mixins*/
/***********************************************************************************************************************************************************************************************************/
/*Imports*/
/***********************************************************************************************************************************************************************************************************/
/*Basic Button*/
/*Basic Button*/
/*Inputs*/
/*Inputs*/
/*Page Layout (First Model)*/
/*Page Layout (First Model)*/
/*Side Navigation Menu*/
/**Collapsable*/
/**Collapsable*/
/*Side Navigation Menu*/
/*Date Range*/
/*Date Range*/
/*Button List*/
/*Button List*/
/*Table*/
/*Table*/
/***********************************************************************************************************************************************************************************************************/
/*Imports*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*General*/
/*Stripe Button*/
.stripe-btn-rg {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background-color: var(--stripe-btn-label-bgcolor);
  box-shadow: 0px 1px 5px 1px var(--stripe-btn-label-bgcolor), 0px 2px 5px 1px var(--stripe-btn-icon-bgcolor); }

.stripe-btn-label-rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: var(--stripe-btn-label-fsize);
  padding: var(--stripe-btn-label-padding); }

.stripe-btn-icon-rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-color: var(--stripe-btn-icon-bgcolor);
  background-repeat: no-repeat;
  background-image: var(--stripe-btn-img);
  background-position: right;
  background-size: contain;
  width: calc(var(--stripe-btn-icon-size) + var(--stripe-btn-label-fsize) + var(--stripe-btn-label-padding) * 2);
  clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 0% 100%);
  height: inherit;
  padding-left: calc(var(--stripe-btn-label-padding) + var(--stripe-btn-label-fsize));
  background-origin: content-box;
  flex-shrink: 0; }

.stripe-btn-rg:active {
  box-shadow: none; }

/*Stripe Button*/
/*Input Suggestion*/
.suggest_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.suggest_search_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  border-style: solid;
  border-width: var(--suggest_search_borderwidth);
  border-color: var(--suggest_search_bordercolor);
  background-color: var(--suggest_search_bgcolor); }

.suggest_input_rg {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: none;
  outline: none; }

.suggest_btn_rg {
  position: relative;
  box-sizing: border-box;
  display: block;
  flex-shrink: 0;
  background-color: var(--suggest_btn_bgcolor);
  background-image: var(--suggest_btn_icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--suggest_btn_size);
  height: var(--suggest_btn_size);
  border: none;
  cursor: pointer; }

.suggest_box_rg {
  position: absolute;
  box-sizing: border-box;
  white-space: normal;
  overflow: auto;
  box-shadow: 0px 0px 6px var(--suggest_box_shadowcolor);
  margin-top: 5px;
  display: none;
  max-height: var(--suggest_box_maxHeight);
  width: 100%;
  background-color: var(--suggest_box_bgcolor); }

.suggest_box_rg::-webkit-scrollbar {
  width: clamp(3px, 1vw, 6px); }

/* Track */
.suggest_box_rg::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

/* Handle */
.suggest_box_rg::-webkit-scrollbar-thumb {
  background: var(--suggest_box_scrollcolor);
  border-radius: 10px; }

/* Handle on hover */
.suggest_box_rg::-webkit-scrollbar-thumb:hover {
  background: var(--suggest_box_hover_scrollcolor); }

.suggest_opt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  cursor: pointer; }

.suggest_opt_rg:hover {
  background-color: var(--hover_suggest_opt_bgcolor);
  color: var(--hover_suggest_opt_color); }

.suggest_opt_icon_rg {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: var(--suggest_opt_icon_size);
  height: var(--suggest_opt_icon_size);
  flex-shrink: 0; }

.suggest_opt_txt_rg {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  white-space: normal;
  overflow: hidden; }

/*Input Suggestion*/
/*Vertical Progress Tracker*/
.vtprog_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal; }

.vtprog_step_rg {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }

.vtprog_head_rg, .vtprog_body_rg {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start; }

.vtprog_head_rg {
  align-items: center; }

.vtprog_body_rg {
  align-items: stretch;
  flex-shrink: 0; }

.vtprog_circle_rg {
  position: relative;
  box-sizing: border-box;
  width: var(--vtprog_circle_size);
  height: var(--vtprog_circle_size);
  border-width: 2.5px;
  border-style: solid;
  border-color: var(--vtprog_circle_bordercolor);
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--vtprog_circle_bgcolor);
  background-image: var(--vtprog_circle_bgimage);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-origin: padding-box; }

.vtprog_title_rg {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  font-weight: bold;
  margin-left: 5px;
  font-size: 15px; }

.vtprog_linebox_rg {
  position: relative;
  box-sizing: border-box;
  width: var(--vtprog_circle_size);
  flex-shrink: 0; }

.vtprog_line_rg {
  position: absolute;
  box-sizing: border-box;
  padding: 2px;
  background-color: var(--vtprog_line_bgcolor);
  left: 50%;
  transform: translateX(-50%);
  height: 100%; }

.vtprog_mess_rg {
  position: relative;
  box-sizing: border-box;
  padding: 0px;
  margin-left: 5px;
  font-size: 15px; }

.vtprog_step_active_rg .vtprog_circle_rg {
  border-color: var(--vtprog_circle_active_bordercolor);
  background-color: var(--vtprog_circle_active_bgcolor);
  background-image: var(--vtprog_circle_active_bgimage); }

.vtprog_step_active_rg .vtprog_line_rg {
  background-color: var(--vtprog_line_active_bgcolor);
  border: none; }

/*Vertical Progress Tracker*/
/*Tab Menu*/
.tab_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: flex-start;
  padding: 12px 6px;
  color: var(--tab_color);
  /*tab_rg Text Color*/
  cursor: pointer;
  transition: 0.5s ease;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--tab_bottom);
  /*tab_rg Bottom Border Color*/ }

.tab_rg.tab_active_rg {
  color: var(--tab_active_color);
  /*tab_rg Active Text Color*/
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--tab_active_bottom);
  /*tab_rg Active Bottom Border Color*/ }

.tab_badge_rg {
  position: relative;
  box-sizing: border-box;
  top: -10px;
  background-color: var(--tab_badge_bgcolor);
  /*tab_badge_rg Background Color*/
  color: var(--tab_badge_color);
  /*tab_badge_rg Text Color*/
  border-radius: 12px;
  padding: 1px 6px;
  font-weight: 500;
  transition: 0.5s ease; }

.tab_rg.tab_active_rg .tab_badge_rg {
  background-color: var(--tab_active_badge_bgcolor);
  /*tab_badge_rg Active Background Color*/
  color: var(--tab_active_badge_color);
  /*tab_badge_rg Active Text Color*/ }

.tab_rg:hover {
  color: var(--tab_hover_color);
  /*tab_rg Hover Text Color*/
  border-bottom-color: var(--tab_hover_bottom);
  /*tab_rg Hover Bottom Border Color*/ }

.tab_rg:hover .tab_badge_rg {
  background-color: var(--tab_hover_badge_bgcolor);
  /*tab_badge_rg Hover Background Color*/
  color: var(--tab_hover_badge_color);
  /*tab_badge_rg Hover Text Color*/ }

/*Tab Menu*/
/*Card Category*/
.cardcat_rg {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: var(--cardcat_bgcolor);
  cursor: pointer;
  transition: all 0.2s ease-in-out; }

.cardcat_rg:hover {
  background-color: var(--cardcat_hover_bgcolor);
  color: var(--cardcat_hover_color); }

.cardcat_img_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: var(--cardcat_img_size);
  height: var(--cardcat_img_size);
  flex-shrink: 0; }

.cardcat_label_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%; }

.cardcat_rg.cardcat_active_rg {
  position: relative;
  box-sizing: border-box;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--cardcat_active_bordercolor);
  background-color: var(--cardcat_active_bgcolor); }

/*Card Category*/
/*Dot Settings Menu*/
.dotset_rg {
  position: relative;
  box-sizing: border-box;
  width: var(--dotset_width);
  overflow: visible; }

.dotset_btn_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%; }

.dotset_menus_rg {
  display: none;
  position: absolute;
  background-color: var(--dotset_menus_bgcolor);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%; }

.dotset_menus_rg ul {
  position: relative;
  display: block;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding-left: 0;
  width: auto; }

.dotset_menus_rg ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0px;
  cursor: pointer; }

.dotset_menus_rg ul li:hover {
  background-color: var(--dotset_menus_active_bgcolor); }

.dotset_menus_rg ul li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  width: 100%;
  padding: 8px; }

/*Dot Settings Menu*/
/*Horizontal Navigation*/
.hnav_rg {
  position: relative;
  display: block;
  overflow: visible;
  box-sizing: border-box;
  background-color: var(--hnav_bgcolor); }

.hnav_ul_rg, .hnav_li_rg {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  overflow: visible; }

.hnav_ul_rg {
  list-style: none;
  width: 100%; }

.hnav_li_rg {
  display: inline-block;
  position: relative;
  width: auto; }

.hnav_link_rg {
  box-sizing: border-box;
  background: transparent;
  color: #FFFFFF;
  display: block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; }

.hnav_link_rg:hover {
  background: var(--hnav_link_active_bgcolor);
  color: var(--hnav_link_active_color); }

.hnav_submenu_rg {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 1; }

.hnav_li_rg:hover .hnav_submenu_rg {
  opacity: 1;
  bottom: 0;
  visibility: visible;
  transform: translateY(100%); }

.hnav_submenu_rg .hnav_li_rg {
  display: block;
  width: 100%;
  background-color: var(--hnav_submenu_bgcolor); }

/*Horizontal Navigation*/
/*Bottom Popup Modal*/
.bmodal_rg {
  display: none;
  /* Hidden by default */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  /* set in js */
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 1;
  transition: height 0.3s ease-in-out; }

.bmodal_cont_rg {
  background-color: var(--bmodal_cont_bgcolor);
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative; }

.bmodal_closebtn_rg {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer; }

/*Bottom Popup Modal*/
/*Toggle Button*/
.switch_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  width: var(--switch_rg_width); }

.switch_rg .switch_input_rg {
  display: none; }

.switch_rg .switch_pin_rg {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 3px;
  border-radius: 15px;
  border-width: var(--switch_rg_borderwidth);
  border-style: solid;
  border-color: var(--switch_rg_bordercolor);
  cursor: pointer;
  transition: 0.3s; }

/**Pin*/
.switch_rg .switch_pin_rg::after {
  content: "";
  display: inherit;
  width: var(--switch_pin_rg_size);
  height: var(--switch_pin_rg_size);
  border-radius: 50%;
  background-color: var(--switch_pin_rg_color);
  transition: 0.3s; }

/**Pin*/
/**When Toggle Button is on*/
.switch_rg .switch_input_rg:checked ~ .switch_pin_rg {
  border-color: var(--switch_check_rg_bordercolor); }

/***Pin*/
.switch_rg .switch_input_rg:checked ~ .switch_pin_rg::after {
  translate: calc(var(--switch_rg_width) - var(--switch_pin_rg_size) - 12px - 3.75px) 0;
  background-color: var(--switch_pincheck_rg_color); }

/***Pin*/
/**When Toggle Button is on*/
.switch_rg .switch_input_rg:disabled ~ .switch_pin_rg {
  opacity: 0.5;
  cursor: not-allowed; }

/*Toggle Button*/
/*Basic Button*/
.btn_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal;
  word-break: keep-all;
  border-style: solid;
  color: var(--btn_rg_color);
  border-width: var(--btn_rg_borderwidth);
  border-color: var(--btn_rg_bordercolor);
  outline: none;
  background-color: var(--btn_rg_bgcolor);
  cursor: pointer; }

.btn_rg:hover {
  color: var(--btn_rg_active_color);
  background-color: var(--btn_rg_active_bgcolor); }

.btn_rg:active {
  color: var(--btn_rg_active_color);
  background-color: var(--btn_rg_active_bgcolor); }

/*Basic Button*/
/*Modal (First Model)*/
.modal_con_rg {
  position: fixed;
  display: none;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid grey;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  background-color: rgba(237, 231, 225, 0.5);
  flex-flow: column nowrap;
  align-items: center;
  transition: width 0.5s ease-out 0s, height 0.5s ease-out 1s; }

.modal_rg {
  position: absolute;
  display: none;
  box-sizing: border-box;
  overflow: hidden;
  width: var(--modal_rg_width);
  height: var(--modal_rg_height);
  top: var(--modal_rg_top);
  border-radius: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--modal_rg_bordercolor);
  background-color: var(--modal_rg_bgcolor);
  transition: top 0.5s ease-out 0s;
  flex-shrink: 0;
  transform: scale(0);
  transition: transform 0.3s ease-out 1.5s; }

.modal_head_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  width: auto;
  top: 0px;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: var(--modal_head_rg_bgcolor); }

.modal_headtext_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: keep-all;
  width: 100%;
  flex-shrink: 1;
  flex-grow: 0;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  align-self: center; }

.modal_headx_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  white-space: nowrap;
  width: var(--modal_headx_rg_size);
  height: var(--modal_headx_rg_size);
  align-self: flex-start;
  flex-shrink: 0;
  flex-grow: 0;
  cursor: pointer; }

.modal_headx_rg img {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.modal_body_rg {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
  width: auto; }

/* width */
.modal_body_rg::-webkit-scrollbar {
  width: clamp(3px, 1vw, 6px); }

/* Track */
.modal_body_rg::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

/* Handle */
.modal_body_rg::-webkit-scrollbar-thumb {
  background: var(--modal_body_rg_scrollcolor);
  border-radius: 10px; }

/* Handle on hover */
.modal_body_rg::-webkit-scrollbar-thumb:hover {
  background: var(--modal_body_rg_active_scrollcolor); }

/*Modal (First Model)*/
/*Inputs*/
.input_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: auto;
  padding: 15px 5px 5px 5px;
  border-radius: 7px;
  border-color: var(--input_rg_bordercolor);
  border-width: 1px;
  border-style: solid;
  z-index: 0; }

.input_rg input {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: none;
  outline: none;
  font-size: var(--input_rg_fsize);
  color: var(--input_rg_color);
  background-color: transparent; }

.input_placeholder_rg {
  position: absolute;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  z-index: -1;
  transition: top 0.1s linear 0s, font-size 0.1s linear 0s;
  text-overflow: ellipsis;
  width: 95%;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--input_rg_fsize);
  color: var(--input_rg_color); }

.input_upplaceholder_rg {
  position: absolute;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  z-index: -1;
  transition: top 0.1s linear 0s, font-size 0.1s linear 0s;
  text-overflow: ellipsis;
  width: 95%;
  top: 33%;
  transform: translateY(-50%);
  font-size: var(--input_rg_fsize);
  color: var(--input_rg_color); }

.input_rg input:focus + .input_placeholder_rg,
.input_rg input:not(:focus):valid + .input_placeholder_rg,
.input_rg input:focus + .input_upplaceholder_rg,
.input_rg input:not(:focus):valid + .input_upplaceholder_rg {
  top: 0px;
  transform: none;
  font-size: var(--input_rg_active_fsize); }

/*Input Icon Button (e.g. password show/hide toggle) - sits at the very right inside input_rg*/
.input_rg .input_icb_rg {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: var(--input_icb_rg_size);
  height: var(--input_icb_rg_size);
  background-color: transparent;
  z-index: 1;
  border: none; }

.input_rg .input_icb_rg:hover {
  background-color: transparent; }

.input_rg:has(.input_icb_rg) input {
  padding-right: calc(var(--input_icb_rg_size) + 12px); }

/*Inputs*/
/*Radio Button*/
.radio_rg {
  position: relative;
  display: flex;
  overflow: visible;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: auto; }

.radio_input_rg {
  position: absolute;
  visibility: hidden;
  top: 0px; }

.radio_label_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: keep-all;
  width: 100%; }

.radio_icon_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: keep-all;
  width: var(--radio_icon_rg_size);
  height: var(--radio_icon_rg_size); }

.radio_iconimg_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

/**Circle Type*/
.radio_tc_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  border-style: solid;
  border-width: var(--radio_rg_borderwidth);
  border-color: var(--radio_rg_bordercolor);
  width: var(--radio_rg_size);
  height: var(--radio_rg_size);
  padding: 3px;
  border-radius: 50%;
  box-shadow: none;
  /*box-shadow: 0px 0px 15px #00fafa; in JS*/
  background-color: var(--radio_rg_bgcolor);
  cursor: pointer; }

.radio_tci_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 50%; }

/**Circle Type*/
/**Box Type*/
.radio_tb_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  border-style: solid;
  border-width: var(--radio_rg_borderwidth);
  border-color: var(--radio_rg_bordercolor);
  width: var(--radio_rg_size);
  height: var(--radio_rg_size);
  background-color: var(--radio_rg_bgcolor);
  cursor: pointer; }

.radio_tbi_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  visibility: hidden; }

/**Box Type*/
/*Radio Button*/
/*Page Layout (First Model)*/
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  overflow: auto; }

.mone_rg {
  position: fixed;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%; }

.mone_side_rg {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  direction: rtl;
  width: 0px;
  height: 100%;
  flex-shrink: 0;
  background: var(--mone_side_rg_bgcolor); }

/* width */
.mone_side_rg::-webkit-scrollbar, .mone_body_rg::-webkit-scrollbar, body::-webkit-scrollbar {
  width: var(--mone_rg_scrollwidth); }

/* Track */
.mone_side_rg::-webkit-scrollbar-track, .mone_body_rg::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

/* Handle */
.mone_side_rg::-webkit-scrollbar-thumb, .mone_body_rg::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background: var(--mone_rg_scrollcolor);
  border-radius: 10px; }

/* Handle on hover */
.mone_side_rg::-webkit-scrollbar-thumb:hover, .mone_body_rg::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
  background: var(--mone_rg_active_scrollcolor); }

.mone_sidecon_rg {
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  direction: ltr;
  width: auto;
  height: auto;
  background: none; }

.mone_body_rg {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
  height: auto;
  background-color: var(--mone_body_rg_bgcolor); }

.mone_head_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-color: var(--mone_head_rg_bgcolor); }

.mone_burger_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--mone_burger_rg_size);
  height: var(--mone_burger_rg_size);
  cursor: pointer; }

.mone_burger_image_rg {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%; }

.mone_title_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  justify-content: space-between; }

.mone_titletxt_rg {
  position: relative;
  display: block;
  overflow: visible;
  box-sizing: border-box;
  white-space: normal; }

.mone_user_rg {
  position: relative;
  display: flex;
  overflow: visible;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center; }

.mone_profile_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--mone_profile_rg_size);
  height: var(--mone_profile_rg_size);
  flex-shrink: 0; }

.mone_profile_img_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.mone_name_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  width: auto; }

/*Page Layout (First Model)*/
/*Side Navigation Menu*/
.nav_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: auto;
  width: auto;
  cursor: pointer;
  flex-flow: row nowrap;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  color: var(--nav_rg_color); }

.nav_active_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: auto;
  width: auto;
  cursor: pointer;
  flex-flow: row nowrap;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  background-color: var(--nav_active_rg_bgcolor);
  color: var(--nav_active_rg_color); }

.nav_icon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  flex-shrink: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: var(--nav_icon_rg_size);
  height: var(--nav_icon_rg_size);
  background-image: var(--nav_icon_rg_img); }

.nav_active_icon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  flex-shrink: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: var(--nav_icon_rg_size);
  height: var(--nav_icon_rg_size);
  background-image: var(--nav_active_icon_rg_img); }

.nav_rg:hover {
  background-color: var(--nav_active_rg_bgcolor);
  color: var(--nav_active_rg_color); }

.nav_rg:hover .nav_icon_rg {
  background-image: var(--nav_active_icon_rg_img); }

.nav_label_rg {
  position: relative;
  display: block;
  overflow: visible;
  box-sizing: border-box;
  white-space: normal;
  width: 100%; }

/**Collapsable*/
.nav_arrow_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--nav_arrow_rg_size);
  height: var(--nav_arrow_rg_size);
  flex-shrink: 0;
  transition: transform 0.1s;
  -webkit-transition: transform 0.1s;
  transform: rotate(0deg); }

.nav_active_arrow_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--nav_arrow_rg_size);
  height: var(--nav_arrow_rg_size);
  flex-shrink: 0;
  transition: transform 0.1s;
  -webkit-transition: transform 0.1s;
  transform: rotate(90deg); }

.nav_arrow_img_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.nav_sub_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--nav_sub_rg_bgcolor);
  transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s; }

/*Side Navigation Menu*/
/*Select Dropdown*/
/**Selected Area*/
.select_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  cursor: pointer;
  width: var(--select_rg_width); }

.select_crval_rg {
  /*This is just the input hidden*/ }

.select_cr_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  align-items: center;
  background-color: var(--select_cr_rg_bgcolor);
  height: 100%;
  width: 100%; }

.select_icon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-image: var(--select_icon_rg_img);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: var(--select_rg_size);
  height: var(--select_rg_size);
  flex-shrink: 0; }

.select_text_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  color: var(--select_text_rg_color); }

.select_reset_rg {
  position: relative;
  display: none;
  box-sizing: border-box;
  overflow: visible;
  background-image: var(--select_reset_rg_img);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: var(--select_rg_size);
  height: var(--select_rg_size);
  flex-shrink: 0; }

.select_arrow_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-image: var(--select_arrow_rg_img);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: var(--select_rg_size);
  height: var(--select_rg_size);
  flex-shrink: 0;
  transform: rotateX(0deg);
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s; }

/**Selected Area*/
/**Options Area*/
.select_area_rg {
  position: absolute;
  display: none;
  box-sizing: border-box;
  overflow: auto;
  max-height: 0;
  width: 100%;
  top: 100%;
  background-color: var(--select_area_rg_bgcolor);
  -webkit-transition: max-height 1s;
  transition: max-height 1s; }

/* width */
.select_area_rg::-webkit-scrollbar {
  width: var(--select_area_rg_scrollwidth); }

/* Track */
.select_area_rg::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

/* Handle */
.select_area_rg::-webkit-scrollbar-thumb {
  background: var(--select_area_rg_scrollcolor);
  border-radius: 10px; }

/* Handle on hover */
.select_area_rg::-webkit-scrollbar-thumb:hover {
  background: var(--select_area_rg_active_scrollcolor); }

.select_find_rg {
  position: sticky;
  display: block;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  z-index: 1;
  color: var(--select_find_rg_color); }

.select_opts_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.select_opt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

.select_dopt_rg {
  display: none; }

.select_optval_rg {
  /*This is just the input hidden*/ }

.select_opticon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-image: var(--select_opticon_rg_img);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: var(--select_rg_size);
  height: var(--select_rg_size);
  flex-shrink: 0; }

.select_opttxt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis; }

.select_opt_rg:hover, .select_opt_rg:hover .select_opttxt_rg {
  background-color: var(--select_active_opt_rg_bgcolor);
  color: var(--select_active_opt_rg_color); }

/**Options Area*/
/*Select Dropdown*/
/*Calendar Model One*/
.cmo_rg {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
  white-space: nowrap;
  background-color: var(--cmo_rg_bgcolor);
  border-width: var(--cmo_rg_borderwidth);
  border-style: solid;
  border-color: var(--cmo_rg_bordercolor); }

.cmo_head_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  justify-content: space-around;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px var(--cmo_head_rg_sdcolor); }

.cmo_ym_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }

.cmo_monthtxt_rg, .cmo_yeartxt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: nowrap;
  background: transparent;
  border: none;
  outline: none;
  text-align: center;
  cursor: text;
  padding: 0;
  width: 100%; }

.cmo_btn_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--cmo_btn_rg_size);
  height: var(--cmo_btn_rg_size);
  cursor: pointer; }

.cmo_btnimg_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.cmo_columns_rg, .cmo_days_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  justify-content: space-around; }

.cmo_daytxt_rg, .cmo_days_rg > div {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 1;
  overflow: visible;
  width: var(--cmo_day_rg_width); }

.cmo_daytxt_rg {
  text-align: center; }

.cmo_day_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  text-align: center; }

/**Highlights, Clicked*/
.cmo_day_rg_high {
  background-color: var(--cmo_day_rg_high_bgcolor);
  color: var(--cmo_day_rg_high_color); }

.cmo_day_rg_click {
  background-color: var(--cmo_day_rg_click_bgcolor);
  color: var(--cmo_day_rg_click_color); }

/**Highlights, Active, Clicked*/
/*Calendar Model One*/
/*Date Range*/
.range_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  width: var(--range_rg_width); }

.range_head_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  border-style: solid;
  border-width: var(--range_rg_borderwidth);
  border-color: var(--range_rg_bordercolor); }

.range_details_rg {
  position: relative;
  overflow: visible;
  display: flex;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center; }

.range_icon_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  width: var(--range_icon_rg_size);
  height: var(--range_icon_rg_size);
  background-color: transparent;
  background-image: var(--range_icon_rg_img);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0; }

.range_texts_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  white-space: nowrap;
  color: var(--range_texts_rg_color); }

.range_arrowpad_rg {
  position: relative;
  box-sizing: border-box;
  display: none;
  overflow: visible;
  justify-content: var(--range_arrow_rg_justify);
  z-index: 1; }

.range_arrow_rg {
  position: relative;
  box-sizing: border-box;
  display: none;
  border-width: 7px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--range_arrow_rg_color);
  border-left-color: transparent;
  width: 10px; }

.range_cmo_rg {
  position: absolute;
  display: flex;
  overflow: hidden;
  max-height: 0px;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s; }

.cmo_range_rg {
  width: 100%; }

/*Date Range*/
/*Checkbox*/
.cb_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.cb_label_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  cursor: pointer; }

.cb_input_rg {
  position: absolute;
  visibility: hidden; }

.cb_box_rg {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  overflow: visible;
  width: var(--cb_box_rg_size);
  height: var(--cb_box_rg_size);
  border-width: var(--cb_box_rg_borderwidth);
  border-style: solid;
  border-color: var(--cb_box_rg_bordercolor);
  vertical-align: middle; }

.cb_icon_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  visibility: hidden; }

/*Checkbox*/
/*Notification Model One*/
@keyframes ntfone_rg_keyframes {
  from {
    display: none;
    max-height: 0px; }
  to {
    display: flex;
    max-height: 1000px; } }
.ntfone_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  flex-flow: row nowrap;
  background-color: var(--ntfone_rg_bgcolor);
  max-height: 0px;
  animation-name: ntfone_rg_keyframes;
  animation-duration: var(--ntfone_rg_duration); }

.ntfone_rg_stay {
  animation-fill-mode: forwards; }

.ntfone_mess_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: keep-all;
  flex-shrink: 1;
  width: 100%; }

.ntfone_close_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  flex-shrink: 0;
  width: var(--ntfone_close_rg_size);
  height: var(--ntfone_close_rg_size);
  cursor: pointer;
  align-self: flex-start; }

.ntfone_icon_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

/*Notification Model One*/
/*Stepper*/
.step_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  justify-content: center; }

.step_item_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: 100%; }

.step_tube_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  border-width: 0px;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center; }

.step_line_rg {
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  width: 100%;
  border-width: var(--step_line_rg_thickness);
  border-color: var(--step_line_rg_color);
  border-style: solid; }

.step_num_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-color: var(--step_num_rg_bgcolor);
  text-align: center;
  border-radius: 50%;
  width: var(--step_num_rg_width);
  color: var(--step_num_rg_color); }

.step_text_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  text-align: center;
  color: var(--step_text_rg_color); }

.step_activeline_rg {
  border-color: var(--step_activeline_rg_color); }

.step_activenum_rg {
  color: var(--step_activenum_rg_color);
  background-color: var(--step_activenum_rg_bgcolor); }

.step_activetext_rg {
  color: var(--step_activetext_rg_color); }

.step_content_rg {
  position: relative;
  box-sizing: border-box;
  border: 0px solid transparent; }

.step_set_rg {
  position: relative;
  box-sizing: border-box;
  display: none; }

/*Stepper*/
/*Blur*/
.blur_rg {
  position: fixed;
  box-sizing: border-box;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: gray;
  opacity: 0.5; }

/*Blur*/
/*Center Loading*/
.cd_rg {
  position: fixed;
  box-sizing: border-box;
  overflow: visible;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--cd_rg_size);
  height: var(--cd_rg_size); }

.cd_img_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

/*Center Loading*/
/*Icon Button*/
.icb_rg {
  position: relative;
  overflow: hidden;
  width: var(--icb_rg_size);
  height: var(--icb_rg_size);
  background-color: var(--icb_rg_bgcolor);
  background-image: var(--icb_rg_image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-origin: padding-box;
  outline: none;
  cursor: pointer; }

.icb_rg:hover {
  background-color: var(--icb_rg_active_bgcolor); }

.icb_active_rg {
  background-image: var(--icb_rg_active_image); }

/*Icon Button*/
/*Button List*/
.blist_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden; }

.blist_main_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap; }

.blist_mbtn_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: none;
  outline: none;
  width: 100%;
  cursor: pointer;
  color: var(--blist_rg_color);
  background-color: var(--blist_rg_bgcolor); }

.blist_chevron_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-color: var(--blist_rg_bgcolor);
  width: var(--blist_chevron_rg_size);
  height: var(--blist_chevron_rg_size);
  flex-shrink: 0;
  cursor: pointer; }

.blist_icon_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: all 0.5s linear; }

.blist_opt_rg {
  position: relative;
  overflow: hidden;
  box-sizing: border-box; }

.blist_btn_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: none;
  outline: none;
  width: 100%;
  cursor: pointer;
  color: var(--blist_rg_color);
  background-color: var(--blist_rg_bgcolor); }

.blist_btn_rg:hover {
  color: var(--blist_rg_active_color);
  background-color: var(--blist_rg_active_bgcolor); }

/*Button List*/
/*Section Spinner*/
.boximg_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  width: auto;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center; }

.boximg_icon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: var(--boximg_icon_rg_size);
  height: var(--boximg_icon_rg_size); }

.boximg_img_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

/*Section Spinner*/
/*Search Input*/
.search_rg {
  position: relative;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background-color: var(--search_rg_bgcolor);
  border-style: solid;
  border-width: var(--search_rg_borderwidth);
  border-color: var(--search_rg_bordercolor); }

.search_icon_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: var(--search_rg_size);
  height: var(--search_rg_size);
  flex-shrink: 0;
  background-color: transparent; }

.search_input_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  font-size: var(--search_rg_size); }

/*Search Input*/
/*Table*/
.tbl_rg {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse; }

.tbl_rg .tbl_head_rg {
  position: sticky;
  top: 0;
  z-index: 1; }

.tbl_head_rg {
  background-color: var(--tbl_head_rg_bgcolor); }

.tbl_row_rg:nth-child(odd) {
  background-color: var(--tbl_odd_rg_bgcolor);
  color: var(--tbl_odd_rg_color); }

.tbl_row_rg:nth-child(even) {
  background-color: var(--tbl_even_rg_bgcolor);
  color: var(--tbl_even_rg_color); }

.tbl_row_rg:hover {
  background-color: var(--tbl_rg_active_bgcolor);
  color: var(--tbl_rg_active_color); }

.tbl_sub_rg {
  box-sizing: border-box;
  visibility: collapse;
  opacity: 0;
  transition: 1s linear; }

.tbl_activesub_rg {
  visibility: visible;
  border-style: solid;
  opacity: 1;
  border-width: var(--tbl_sub_rg_borderwidth);
  border-color: var(--tbl_sub_rg_bordercolor); }

.tbl_subcont_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 2s linear; }

.tbl_active_subcont_rg {
  max-height: 1000px; }

.tbl_ref_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  font-weight: bold;
  text-align: left; }

.tbl_def_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left; }

/*Table*/
/*Card Model One*/
.cardm1_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 7px;
  width: auto;
  background-color: var(--cardm1_rg_bgcolor); }

.cardm1_head_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  white-space: normal;
  overflow: hidden;
  padding: 7px 7px 0px 7px; }

.cardm1_det_rg {
  position: relative;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0px 7px 7px 7px; }

.cardm1_txt_rg {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  width: 100%; }

.cardm1_icon_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  background: transparent var(--cardm1_icon_rg_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--cardm1_icon_rg_size);
  height: var(--cardm1_icon_rg_size); }

.cardm1_more_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  align-items: center;
  padding: 7px;
  border-top-style: solid;
  border-top-width: var(--cardm1_more_rg_linetopwidth);
  border-top-color: var(--cardm1_more_rg_linetopcolor); }

.cardm1_moreicon_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  background: transparent var(--cardm1_moreicon_rg_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--cardm1_moreicon_rg_size);
  height: var(--cardm1_moreicon_rg_size); }

.cardm1_moretxt_rg {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  white-space: normal;
  margin-left: 5px;
  width: 100%; }

/*Card Model One*/
/*Multiple Select Dropdown*/
/**Current Selection Area*/
.mselect_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  cursor: pointer;
  width: var(--mselect_width); }

.mselect_crval_rg {
  /*This is just the input hidden*/ }

.mselect_cr_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  background-color: var(--mselect_cr_bgcolor);
  border-style: solid;
  border-width: var(--mselect_borderwidth);
  border-color: var(--mselect_bordercolor);
  border-radius: var(--mselect_borderradius);
  padding: 6px 8px;
  min-height: 44px;
  width: 100%;
  -webkit-transition: border-radius 0.3s;
  transition: border-radius 0.3s; }

.mselect_cr_open_rg {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.mselect_icon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background: transparent var(--mselect_icon_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size); }

.mselect_tags_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row wrap;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0; }

.mselect_placeholder_rg {
  color: #94A3B8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mselect_tag_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  background-color: var(--mselect_tag_bgcolor);
  color: var(--mselect_tag_color);
  border-radius: 999px;
  padding: 3px 8px 3px 10px;
  font-size: var(--mselect_size);
  white-space: nowrap;
  max-width: 160px; }

.mselect_tagtxt_rg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mselect_tagclose_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--mselect_tag_close_color);
  font-size: var(--mselect_size);
  line-height: 1;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }

.mselect_tagclose_rg:hover {
  background-color: rgba(255, 255, 255, 0.45); }

.mselect_reset_rg {
  position: relative;
  display: none;
  box-sizing: border-box;
  overflow: visible;
  background: transparent var(--mselect_reset_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size); }

.mselect_arrow_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background: transparent var(--mselect_arrow_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size);
  transform: rotateX(0deg);
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s; }

/**Current Selection Area*/
/**Options Area*/
.mselect_area_rg {
  position: absolute;
  display: none;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 0;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: var(--mselect_area_bgcolor);
  border-style: solid;
  border-width: 0 var(--mselect_borderwidth) var(--mselect_borderwidth) var(--mselect_borderwidth);
  border-color: var(--mselect_bordercolor);
  border-bottom-left-radius: var(--mselect_borderradius);
  border-bottom-right-radius: var(--mselect_borderradius);
  box-shadow: 0px 6px 16px var(--mselect_area_shadowcolor);
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
  z-index: 100; }

.mselect_area_rg::-webkit-scrollbar {
  width: var(--mselect_area_scrollwidth); }

.mselect_area_rg::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

.mselect_area_rg::-webkit-scrollbar-thumb {
  background: var(--mselect_area_scrollcolor);
  border-radius: 10px; }

.mselect_area_rg::-webkit-scrollbar-thumb:hover {
  background: var(--mselect_area_hover_scrollcolor); }

.mselect_searchbox_rg {
  position: sticky;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  top: 0;
  z-index: 1;
  padding: 8px 10px;
  background-color: var(--mselect_area_bgcolor);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--mselect_searchbox_bordercolor); }

.mselect_searchicon_rg {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: var(--mselect_searchicon_color); }

.mselect_searchicon_rg::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 6px;
  height: 2px;
  background-color: var(--mselect_searchicon_color);
  border-radius: 2px;
  transform: rotate(45deg);
  transform-origin: left center; }

.mselect_find_rg {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--mselect_find_color);
  font-size: var(--mselect_size); }

.mselect_opts_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.mselect_opt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s; }

.mselect_opt_rg:hover {
  background-color: var(--mselect_hover_opt_bgcolor);
  color: var(--mselect_hover_opt_color); }

.mselect_opt_selected_rg {
  background-color: var(--mselect_selected_opt_bgcolor);
  color: var(--mselect_selected_opt_color); }

.mselect_opt_hidden_rg {
  display: none; }

.mselect_opticon_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background: transparent var(--mselect_opticon_img) center center no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size); }

.mselect_opttxt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: var(--mselect_size); }

.mselect_optcb_rg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  overflow: visible;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--mselect_size);
  height: var(--mselect_size);
  border-style: solid;
  border-width: 2px;
  border-color: var(--mselect_optcb_bordercolor);
  border-radius: 4px;
  background-color: transparent;
  margin-left: auto;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s; }

.mselect_optcb_selected_rg {
  background-color: var(--mselect_optcb_checked_bgcolor);
  border-color: var(--mselect_optcb_checked_bordercolor); }

.mselect_optcbcheck_rg {
  position: relative;
  box-sizing: border-box;
  width: 5px;
  height: 9px;
  border-style: solid;
  border-color: var(--mselect_optcbcheck_color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translateY(-1px); }

.mselect_noopt_rg {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 12px;
  text-align: center;
  color: #94A3B8;
  font-style: italic; }

/**Options Area*/
/*Multiple Select Dropdown*/
/*General*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile*/
@media all and (max-width: 641px) {
  /*Page Layout (First Model)*/
  .mone_burger_rg {
    display: inline-block; }

  .mone_title_rg {
    flex-flow: column nowrap;
    align-items: center; }

  /*Page Layout (First Model)*/
  /*Date Range*/
  .range_cmo_rg {
    flex-flow: column nowrap; }

  /*Date Range*/
  /*Table*/
  .tbl_rg .tbl_head_rg {
    display: none; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td {
    display: block;
    text-align: right; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td::before {
    float: left;
    content: attr(data-label);
    font-weight: bold; }

  /*Table*/
  /*Multiple Select Dropdown*/
  .mselect_rg {
    width: 100%; }

  /*Multiple Select Dropdown*/ }
/*Mobile*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  /*Page Layout (First Model)*/
  .mone_burger_rg {
    display: inline-block; }

  .mone_title_rg {
    flex-flow: column nowrap;
    align-items: center; }

  /*Page Layout (First Model)*/
  /*Date Range*/
  .range_cmo_rg {
    flex-flow: column nowrap; }

  /*Date Range*/
  /*Table*/
  .tbl_rg .tbl_head_rg {
    display: none; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td {
    display: block;
    text-align: right; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td::before {
    float: left;
    content: attr(data-label);
    font-weight: bold; }

  /*Table*/
  /*Multiple Select Dropdown*/
  .mselect_rg {
    width: 100%; }

  /*Multiple Select Dropdown*/ }
/*Tablet*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*PC*/
@media all and (min-width: 1081px) {
  /*Page Layout (First Model)*/
  .mone_burger_rg {
    display: none; }

  .mone_title_rg {
    flex-flow: row wrap;
    align-items: center;
    align-content: flex-start; }

  /*Page Layout (First Model)*/
  /*Date Range*/
  .range_cmo_rg {
    flex-flow: row nowrap; }

  /*Date Range*/
  /*Table*/
  .tbl_rg .tbl_head_rg {
    display: normal; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td {
    display: normal;
    text-align: normal; }

  .tbl_rg .tbl_body_rg .tbl_row_rg td::before {
    float: none;
    content: none;
    font-weight: none; }

  /*Table*/ }
/*PC*/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Root*/
/*Root*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*General*/
/*Page Header*/
/*Page Header*/
/*General*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/*Table Tools*/
/*Table Tools*/
/*Bottom Popup Modal*/
/*Bottom Popup Modal*/
/*Form Field Component*/
/*Form Field Component*/
/*Form Field Container*/
/*Form Field Container*/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/*Import Mixins*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Root*/
:root {
  /*Rogrid Library Model One Page Layout*/
  --mone_side_rg_bgcolor: #F8F8F8;
  /*mone_side_rg Background Color*/
  --mone_rg_scrollwidth: clamp(7px, 1vw, 9px);
  /*mone_side_rg & mone_body_rg Scroll Width*/
  --mone_rg_scrollcolor: #39AB5B;
  /*mone_side_rg & mone_body_rg Scroll Color*/
  --mone_rg_active_scrollcolor: #26723C;
  /*mone_side_rg & mone_body_rg Scroll Color When hovered or clicked*/
  --mone_body_rg_bgcolor: #ffffff;
  /*mone_body_rg Background Color*/
  --mone_head_rg_bgcolor: #39AB5B;
  /*mone_head_rg Background Color*/
  --mone_burger_rg_size: clamp(20px, 3vw, 30px);
  /*mone_burger_rg Size*/
  --mone_profile_rg_size: clamp(20px, 3vw, 30px);
  /*mone_profile_rg Picture Size*/
  /*Rogrid Library Model One Page Layout*/
  /*Rogrid Library Side Navigation Menu*/
  --nav_rg_color: black;
  /*nav_rg Text Color*/
  --nav_active_rg_bgcolor: #39AB5B;
  /*nav_active_rg Background Color*/
  --nav_active_rg_color: #ffffff;
  /*nav_active_rg Text Color*/
  --nav_icon_rg_size: clamp(14px, 1vw, 18px);
  /*nav_icon_rg Size*/
  --nav_arrow_rg_size: clamp(10px, 1vw, 12px);
  /*nav_arrow_rg Size*/
  --nav_sub_rg_bgcolor: #ffffff;
  /*nav_sub_rg Background Color*/
  /*Rogrid Library Side Navigation Menu*/
  /*Rogrid Library Dot Settings Menu*/
  --dotset_width: 100%;
  /*dotset_rg Width*/
  --dotset_menus_bgcolor: #ffffff;
  /*dotset_menus_rg Background Color*/
  --dotset_menus_active_bgcolor: #39AB5B;
  /*dotset_menus_rg Active Background Color*/
  /*Rogrid Library Dot Settings Menu*/
  /*Rogrid Library Table*/
  --tbl_head_rg_bgcolor: #0374EB;
  /*tbl_head_rg Background Color*/
  --tbl_rg_active_bgcolor: none;
  /*tbl_rg Active Background Color*/
  --tbl_rg_active_color: #0374EB;
  /*tbl_rg Active Text Color*/
  --tbl_odd_rg_bgcolor: #ffffff;
  /*tbl_row_rg Odd Background Color*/
  --tbl_odd_rg_color: black;
  /*tbl_row_rg Odd Text Color*/
  --tbl_even_rg_bgcolor: #F8F8F8;
  /*tbl_row_rg Even Background Color*/
  --tbl_even_rg_color: black;
  /*tbl_row_rg Even Text Color*/
  --tbl_sub_rg_borderwidth: 2px;
  /*tbl_sub_rg Border Width*/
  --tbl_sub_rg_bordercolor: #39AB5B;
  /*tbl_sub_rg Border Color*/
  /*Rogrid Library Table*/
  /*Rogrid Library Icon Button*/
  --icb_rg_size: var(--input_Iconsize_General);
  /*icb_rg Size*/
  --icb_rg_bgcolor: #0374EB;
  /*icb_rg Background Color*/
  --icb_rg_active_bgcolor: #123E64;
  /*icb_rg Active Background Color*/
  /*Rogrid Library Icon Button*/
  /*Rogrid Library Search Input*/
  --search_rg_bgcolor: white;
  /*search_rg Background Color*/
  --search_rg_borderwidth: none;
  /*search_rg Border Width*/
  --search_rg_bordercolor: none;
  /*search_rg Border Color*/
  --search_rg_size: var(--input_Fontsize_General);
  /*search_rg Text Size and Icon Size*/
  /*Rogrid Library Search Input*/
  /*Rogrid Library Radio Button*/
  --radio_rg_borderwidth: 1.5px;
  /*radio_tc_rg, radio_tb_rg Border Width*/
  --radio_rg_bordercolor: black;
  /*radio_tc_rg, radio_tb_rg Border Color*/
  --radio_rg_size: var(--input_Iconsize_General);
  /*radio_tc_rg, radio_tb_rg Size*/
  --radio_rg_bgcolor: transparent;
  /*radio_tc_rg, radio_tb_rg Background Color*/
  /*Rogrid Library Radio Button*/
  /*Rogrid Library Vertical Progress Tracker*/
  --vtprog_circle_size: var(--input_Iconsize_General);
  /*vtprog_circle_rg Size*/
  --vtprog_circle_bordercolor: gray;
  /*vtprog_circle_rg Border Color*/
  --vtprog_circle_bgcolor: transparent;
  /*vtprog_circle_rg Background Color*/
  /*(CSS Inline) --vtprog_circle_bgimage: url("src/cancel icon.png"); vtprog_circle_rg Background Image*/
  --vtprog_circle_active_bordercolor: #39AB5B;
  /*vtprog_circle_rg Active Border Color*/
  --vtprog_circle_active_bgcolor: #39AB5B;
  /*vtprog_circle_rg Active Background Color*/
  /*(CSS Inline) --vtprog_circle_active_bgimage: url("src/checkIcon.png"); vtprog_circle_rg Active Background Image*/
  --vtprog_line_bgcolor: gray;
  /*vtprog_line_rg Background Color*/
  --vtprog_line_active_bgcolor: #39AB5B;
  /*vtprog_line_rg Active Background Color*/
  /*Rogrid Library Vertical Progress Tracker*/
  /*Rogrid Library Select Dropdown*/
  --select_rg_width: auto;
  /*select_rg Width*/
  --select_cr_rg_bgcolor: #ffffff;
  /*select_cr_rg Background Color*/
  --select_rg_size: var(--input_Iconsize_General);
  /*select_icon_rg, select_reset_rg, select_arrow_rg, select_opticon_rg Images Size*/
  --select_text_rg_color: black;
  /*select_text_rg Text Color*/
  --select_area_rg_bgcolor: #ffffff;
  /*select_area_rg Background Color*/
  --select_area_rg_scrollwidth: clamp(7px, 1vw, 9px);
  /*select_area_rg Scroll Width*/
  --select_area_rg_scrollcolor: #0374EB;
  /*select_area_rg Scroll Color*/
  --select_area_rg_active_scrollcolor: #123E64;
  /*select_area_rg Scroll Color when hovered*/
  --select_find_rg_color: black;
  /*select_find_rg Text Color*/
  --select_active_opt_rg_bgcolor: #0374EB;
  /*-select_opt_rg Background Color when hovered*/
  --select_active_opt_rg_color: #ffffff;
  /*select_opttxt_rg Text Color when hovered*/
  /*Rogrid Library Select Dropdown*/
  /*Rogrid Library Date Range*/
  --range_rg_width: auto;
  /*range_rg Width*/
  --range_rg_borderwidth: none;
  /*range_head_rg Border Width*/
  --range_rg_bordercolor: none;
  /*range_head_rg Border Color*/
  --range_icon_rg_size: var(--input_Iconsize_General);
  /*range_icon_rg Size*/
  --range_texts_rg_color: black;
  /*range_texts_rg Text Color*/
  --range_arrow_rg_color: black;
  /*range_arrow_rg Arrow Pointer Color*/
  --range_arrow_rg_justify: center;
  /*range_arrow_rg Arrow Position (flex-start, center, flex-end)*/
  /*Rogrid Library Date Range*/
  /*Rogrid Library Calendar Model One*/
  --cmo_rg_bgcolor: #ffffff;
  /*cmo_rg Background Color*/
  --cmo_rg_bordercolor: black;
  /*cmo_rg Border Color*/
  --cmo_rg_borderwidth: 1px;
  /*cmo_rg Border Width*/
  --cmo_head_rg_sdcolor: #0374EB;
  /*cmo_head_rg Shadow Color*/
  --cmo_btn_rg_size: var(--input_Iconsize_General);
  /*cmo_btn_rg Size*/
  --cmo_day_rg_width: 55px;
  /*cmo_daytxt_rg & cmo_daywrap_rg Width*/
  --cmo_day_rg_click_bgcolor: #39AB5B;
  /*cmo_day_rg Background Color when clicked*/
  --cmo_day_rg_click_color: #ffffff;
  /*cmo_day_rg Text Color when clicked*/
  --cmo_day_rg_high_bgcolor: #0374EB;
  /*cmo_day_rg Background Color if the date is declared in cmo_highlightdates_array JS Variable*/
  --cmo_day_rg_high_color: #ffffff;
  /*cmo_day_rg Text Color if the date is declared in cmo_highlightdates_array JS Variable*/
  /*Rogrid Library Calendar Model One*/
  /*Rogrid Library Bottom Popup Modal*/
  --bmodal_cont_bgcolor: #ffffff;
  /*bmodal_cont_rg Background Color*/
  /*Rogrid Library Bottom Popup Modal*/
  /*Rogrid Library Basic Button*/
  --btn_rg_borderwidth: 1px;
  /*btn_rg Border Width*/
  --btn_rg_bordercolor: #39AB5B;
  /*btn_rg Border Color*/
  --btn_rg_bgcolor: #39AB5B;
  /*btn_rg Background Color*/
  --btn_rg_color: #ffffff;
  /*btn_rg Text Color*/
  --btn_rg_active_color: #ffffff;
  /*btn_rg Text Color when hovered and active*/
  --btn_rg_active_bgcolor: #26723C;
  /*btn_rg Background Color when hovered and active*/
  /*Rogrid Library Basic Button*/
  /*Rogrid Library Center Loading*/
  --cd_rg_size: clamp(75px , 10vw, 95px);
  /*cd_rg Image Size*/
  /*Rogrid Library Center Loading*/
  /*Rogrid Library Input Suggestion*/
  --suggest_search_borderwidth: 1.5px;
  /*suggest_search_rg Border Width*/
  --suggest_search_bordercolor: black;
  /*suggest_search_rg Border Color*/
  --suggest_search_bgcolor: #ffffff;
  /*suggest_search_rg Background Color*/
  /*(CSS Inline)--suggest_btn_icon: url('src/Chevron Down_Green.png'); /*suggest_btn_rg Background Image*/
  --suggest_btn_bgcolor: transparent;
  /*suggest_btn_rg Background Color*/
  --suggest_btn_size: clamp(25px, 2vw, 35px);
  /*suggest_btn_rg Size*/
  --suggest_opt_icon_size: clamp(25px, 2vw, 35px);
  /*suggest_opt_icon_rg Size*/
  --hover_suggest_opt_bgcolor: #0374EB;
  /*suggest_opt_rg Background Color when hovered*/
  --hover_suggest_opt_color: #ffffff;
  /*suggest_opt_rg Text Color when hovered*/
  --suggest_box_bgcolor: #ffffff;
  /*suggest_box_rg Background Color*/
  --suggest_box_shadowcolor: #CBCBCD;
  /*suggest_box_rg Box Shadow Color*/
  --suggest_box_maxHeight: 350px;
  /*suggest_box_rg Max Height*/
  --suggest_box_scrollcolor: #0374EB;
  /*suggest_box_rg Scroll Color*/
  --suggest_box_hover_scrollcolor: #123E64;
  /*suggest_box_rg Scroll Color when hovered*/
  /*Rogrid Library Input Suggestion*/
  /*Rogrid Library Modal Model One*/
  --modal_rg_width: auto;
  /*modal_rg Width*/
  --modal_rg_height: auto;
  /*modal_rg Height*/
  --modal_rg_top: 50px;
  /*modal_rg Top Position*/
  --modal_rg_bordercolor: #39AB5B;
  /*modal_rg Border Color*/
  --modal_rg_bgcolor: #ffffff;
  /*modal_rg Background Color*/
  --modal_head_rg_bgcolor: #39AB5B;
  /*modal_head_rg Background Color*/
  --modal_headx_rg_size: var(--input_Iconsize_General);
  /*modal_headx_rg Close Icon Button Size*/
  --modal_body_rg_scrollcolor: #39AB5B;
  /*modal_body_rg Scroll Color*/
  --modal_body_rg_active_scrollcolor: #26723C;
  /*modal_body_rg Scroll Color when hovered*/
  /*Rogrid Library Modal Model One*/
  /*Rogrid Library Text Input*/
  --input_rg_bordercolor: black;
  /*input_rg Border Color*/
  --input_rg_fsize: var(--input_Fontsize_General);
  /*input_rg Font Size*/
  --input_rg_color: black;
  /*input_rg Text Color*/
  --input_rg_active_fsize: clamp(7px, 1vw, 13px);
  /*input_rg Font Size when active*/
  --input_icb_rg_size: var(--input_Iconsize_General);
  /*input_icb_rg Size (in-input icon button, e.g. password toggle)*/
  /*Rogrid Library Text Input*/
  /*Rogrid Library Stripe Button*/
  --stripe-btn-label-bgcolor: #39AB5B;
  /*stripe-btn-rg Background Color*/
  --stripe-btn-icon-bgcolor: #ffffff;
  /*stripe-btn-icon-rg Background Color*/
  --stripe-btn-icon-size: var(--input_Iconsize_General);
  /*stripe-btn-icon-rg Size*/
  --stripe-btn-label-fsize: var(--input_Fontsize_General);
  /*stripe-btn-label-rg Size*/
  --stripe-btn-label-padding: 10px;
  /*stripe-btn-label-rg Padding*/
  /*Rogrid Library Stripe Button*/
  /*Rogrid Library Card Category*/
  --cardcat_bgcolor: #0374EB;
  /*cardcat_rg Background Color*/
  --cardcat_hover_bgcolor: #39AB5B;
  /*cardcat_rg Hover Background Color*/
  --cardcat_hover_color: #ffffff;
  /*cardcat_rg Hover Text Color*/
  --cardcat_active_bordercolor: #39AB5B;
  /*cardcat_rg Active Border Color*/
  --cardcat_active_bgcolor: #39AB5B;
  /*cardcat_rg Active Background Color*/
  --cardcat_img_size: var(--input_Iconsize_General);
  /*--cardcat_img_rg Size*/
  /*Rogrid Library Card Category*/
  /*Rogrid Library Notification Model One*/
  --ntfone_rg_bgcolor: green;
  /*ntfone_rg Background Color*/
  --ntfone_rg_duration: 5s;
  /*ntfone_rg Animation Duration*/
  --ntfone_close_rg_size: clamp(16px, 2vw, 25px);
  /*ntfone_close_rg Image Size*/
  /*Rogrid Library Notification Model One*/
  /*Rogrid Library Card Model One*/
  --cardm1_rg_bgcolor: green;
  /*cardm1_rg Background Color*/
  --cardm1_icon_rg_size: 35px;
  /*cardm1_icon_rg Size*/
  --cardm1_more_rg_linetopwidth: 2px;
  /*cardm1_more_rg Line Top Thickness*/
  --cardm1_more_rg_linetopcolor: white;
  /*cardm1_more_rg Line Top Color*/
  --cardm1_moreicon_rg_size: 22px;
  /*cardm1_moreicon Size*/
  /*(CSS Inline) --cardm1_icon_rg_img: url('./src/abouticongreen.png'); cardm1_icon_rg Image*/
  /*(CSS Inline) --card_moreicon_rg_img: url('./src/abouticongreen.png'); card_moreicon_rg Image*/
  /*Rogrid Library Card Model One*/
  /*Main Content*/
  --input_BorderRadius_General: 7px;
  --input_Padding_General: 7px;
  --input_Border_General: 1.5px solid black;
  --input_Fontsize_General: clamp(14px, 1vw, 18px);
  --input_Iconsize_General: clamp(18px, 1vw, 26px);
  /*Main Content*/
  /**Table Tools*/
  --perTableTool_Margin_General: 5px 5px 5px 0px;
  --perTableTool_Width_Smart: 100%;
  --perTableTool_Width_Pc: clamp(250px, 3vw, 320px);
  /**Table Tools*/ }

/*Root*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*General*/
/*popupAllNotification*/
#notifications-section {
  position: relative;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  max-width: 720px;
  margin: 8px auto 0;
  padding: 16px 20px 24px;
  background-color: #fafbfc;
  border: 1px solid #eef1f6;
  border-radius: 10px; }

/**Custom Scrollbar*/
#notifications-section::-webkit-scrollbar {
  width: clamp(6px, 0.6vw, 8px); }

#notifications-section::-webkit-scrollbar-track {
  background: transparent; }

#notifications-section::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 8px; }

#notifications-section::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; }

/**Custom Scrollbar*/
/**Card Model One (Notification)*/
#notifications-section .cardm1_rg {
  --cardm1_rg_bgcolor: #ffffff;
  --cardm1_more_rg_linetopwidth: 1px;
  --cardm1_more_rg_linetopcolor: #f0f3f8;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 14px 18px;
  border: 1px solid #e8edf5;
  border-left: 3px solid #0374EB;
  box-shadow: 0 1px 2px rgba(28, 43, 58, 0.06); }

.cardm1_head_rg {
  font-family: lato-bold;
  font-size: clamp(14px, 1.1vw, 16px);
  color: #1c2b3a;
  letter-spacing: 0.2px;
  margin: 0 0 6px 0; }

.cardm1_det_rg {
  display: flex;
  align-items: center;
  gap: 12px; }

.cardm1_txt_rg {
  font-family: lato-regular;
  font-size: clamp(13px, 1vw, 14px);
  color: #475569;
  line-height: 1.45; }

.cardm1_more_rg {
  margin-top: 12px;
  padding-top: 10px; }

.cardm1_moretxt_rg {
  font-family: lato-regular;
  font-size: clamp(11px, 0.85vw, 13px);
  color: #64748b; }

/**Card Model One (Notification)*/
/**Clear All Notification Button*/
#clearNotificationBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 4px;
  padding: 11px 16px;
  background: #ffffff;
  border: 1.5px solid #e8edf5;
  border-radius: 10px;
  font-family: lato-bold;
  font-size: clamp(12px, 0.9vw, 14px);
  color: #64748b;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  box-sizing: border-box; }

#clearNotificationBtn > span {
  width: 16px;
  height: 16px;
  background: center center / contain no-repeat;
  flex-shrink: 0;
  background-image: var(--clearNotificationBtn_BgImage); }

/**Clear All Notification Button*/
/**Empty Notification State*/
#noNotification {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  box-sizing: border-box; }

#noNotification .noNotification_iconwrap {
  width: clamp(56px, 10vw, 72px);
  height: clamp(56px, 10vw, 72px);
  border-radius: 50%;
  background: #f0f3f8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px; }

#noNotification .noNotification_icon {
  width: clamp(28px, 5vw, 36px);
  height: clamp(28px, 5vw, 36px);
  background: center center / contain no-repeat;
  background-image: var(--noNotification_BgImage);
  opacity: 0.5; }

#noNotification .noNotification_title {
  font-family: lato-bold;
  font-size: clamp(15px, 1.2vw, 18px);
  color: #1c2b3a;
  margin: 0 0 6px 0;
  letter-spacing: 0.2px; }

#noNotification .noNotification_text {
  font-family: lato-regular;
  font-size: clamp(12px, 0.95vw, 14px);
  color: #64748b;
  line-height: 1.5;
  margin: 0;
  max-width: 340px; }

/**Empty Notification State*/
/*popupAllNotification*/
/*Notification Model One Wrapper*/
.ntfone-global {
  position: relative;
  top: 0px;
  z-index: 1;
  background-color: transparent;
  box-sizing: border-box;
  overflow: hidden; }

/*Notification Model One Wrapper*/
/*Notification Model One*/
.ntfone_mess_rg {
  font-family: lato-regular;
  font-size: clamp(12px, 2vw, 16px);
  color: #ffffff;
  font-weight: bold;
  padding: 7px; }

/*Notification Model One*/
/*Page Header*/
.mone_head_rg {
  padding: 7px;
  overflow: visible; }

/**Page Title and Header Profile Menu*/
/***Page Title*/
.mone_titletxt_rg {
  color: #ffffff;
  font-family: lato-bold;
  font-size: clamp(16px, 5vw, 18px); }

/***Page Title*/
/***Header Profile Menu*/
.mone_name_rg {
  color: #ffffff;
  font-family: lato-bold;
  font-size: clamp(16px, 5vw, 18px); }

.mone_profile_rg {
  width: clamp(40px, 5vw, 55px);
  height: clamp(40px, 5vw, 55px);
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #ffffff;
  margin-right: 7px; }

/****Notification*/
.global_notif {
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  border-radius: 50%;
  padding: 4px 10px;
  color: #ffffff;
  background-color: red;
  font-size: clamp(8px, 1vw, 14px);
  font-family: lato-bold; }

#profile_notif {
  left: 40px;
  top: 0px; }

#dot_notification_notif {
  right: 4px;
  bottom: 4px; }

/****Notification*/
/****Dot Setting Menus*/
.dotset_rg {
  position: absolute;
  height: 100%;
  z-index: 1; }

.dotset_btn_rg {
  display: block;
  height: 100%; }

.dotset_menus_rg {
  border: 1px solid #ffffff; }

.dotset_menus_rg a {
  color: black;
  font-family: lato-regular;
  font-size: clamp(12px, 1vw, 16px); }

.dotset_menus_rg a:hover {
  color: #ffffff; }

/****Dot Setting Menus*/
/***Header Profile Menu*/
/**Page Title and Header Profile Menu*/
/*Page Header*/
/*Side Navigation*/
/**Header*/
.webapp_sideheader {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  padding: 15px 10px; }

.webapp_logo {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background: url("../../src/webapp icon.png") center center no-repeat;
  background-size: contain;
  width: clamp(40px, 5vw, 55px);
  height: clamp(40px, 5vw, 55px);
  flex-shrink: 0; }

.webapp_title {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  font-family: lato-bold;
  font-size: clamp(16px, 5vw, 18px);
  width: 100%;
  margin-left: 3px; }

/**Header*/
/**Menus*/
.nav_categories {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  margin-bottom: 10px; }

.nav_categories_label {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  color: #A9A9A9;
  font-size: clamp(14px, 1vw, 18px);
  font-family: lato-regular;
  padding: 0px 10px; }

.nav_rg {
  padding: 10px; }

.nav_label_rg {
  font-size: clamp(14px, 1vw, 18px);
  font-family: lato-regular;
  margin-left: 4px; }

/**Menus*/
/*Side Navigation*/
/*Page Path*/
.pagePath {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal;
  font-size: clamp(12px, 1vw, 16px);
  font-family: lato-regular;
  color: #A9A9A9;
  padding: 7px; }

.currentPath {
  color: #39AB5B; }

/*Page Path*/
/*Main Content*/
.mainContent {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 7px;
  height: auto; }

/**Vertical Progress Tracker*/
.vtprog_title_rg, .tracker-message, .tracker-note {
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General); }

.vtprog_mess_rg {
  padding: 7px 0px; }

.tracker-note {
  background-color: #FCC971;
  font-style: italic; }

/**Vertical Progress Tracker*/
/**Page Definition*/
.pageDefinition {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 7px; }

.pageDefinition_Title {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  font-size: clamp(14px, 1vw, 18px);
  font-family: lato-bold; }

.pageDefinition_Definition {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  font-size: clamp(12px, 1vw, 16px);
  font-family: lato-light;
  margin-top: 5px; }

/**Page Definition*/
/**Calendar Model One*/
.cmo_rg {
  font-family: lato-regular;
  font-size: var(--input_rg_fsize); }

.cmo_day_rg {
  margin: 3px;
  padding: 3px; }

/**Calendar Model One*/
/**Search Input*/
.search_rg {
  font-family: lato-regular;
  border-radius: var(--input_BorderRadius_General);
  padding: var(--input_Padding_General);
  border: var(--input_Border_General); }

.search_icon_rg {
  --search_rg_size: var(--input_Iconsize_General); }

/**Search Input*/
/**Select Dropdown*/
.select_rg {
  border: var(--input_Border_General);
  border-radius: var(--input_BorderRadius_General);
  font-size: var(--input_Fontsize_General);
  font-family: lato-regular; }

.select_cr_rg {
  border-radius: var(--input_BorderRadius_General);
  padding: var(--input_Padding_General); }

.select_area_rg {
  border: 1px solid black; }

.select_find_rg {
  padding: var(--input_Padding_General); }

.select_opt_rg {
  padding: var(--input_Padding_General); }

.select_opttxt_rg, .select_text_rg {
  padding-left: 4px; }

/**Select Dropdown*/
/**Table*/
.tbl_rg {
  width: 100%;
  font-size: clamp(10px, 1vw, 14px);
  font-family: lato-regular; }

.tbl_rg .tbl_rg .tbl_head_rg {
  --tbl_head_rg_bgcolor: #39AB5B;
  /*tbl_head_rg Background Color*/ }

.tbl_rg th {
  text-align: left;
  padding: 7px;
  color: #ffffff; }

.tbl_rg td {
  padding: 7px; }

.tbl_def_rg {
  margin: 10px 0px; }

/**Table*/
/**Date Range*/
.range_rg {
  font-size: var(--input_Fontsize_General);
  font-family: lato-regular; }

.range_head_rg {
  padding: var(--input_Padding_General);
  border: var(--input_Border_General);
  border-radius: var(--input_BorderRadius_General); }

/**Date Range*/
/**Bottom Popup Modal*/
.bmodal_rg {
  border: 1.5px solid black;
  border-radius: 7px;
  font-family: lato-regular; }

.bmodal_closebtn_rg {
  position: absolute;
  top: 0px;
  right: 10px; }

.bmodal_cont_rg h2, .bmodal_cont_rg p {
  padding: 7px;
  overflow: visible; }

.bottomPopupModal-Header {
  position: sticky;
  top: 0px;
  box-sizing: border-box;
  overflow: visible;
  z-index: 1;
  background-color: #ffffff; }

/**Bottom Popup Modal*/
/**Footer*/
hr.linethis_RoClass {
  visibility: hidden; }

div.footerWrap_RoClass {
  position: fixed;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: keep-all;
  bottom: 0px;
  left: 0px;
  background: #39AB5B;
  width: 100%;
  text-align: center; }

div.footerWrap_RoClass > span.footerTxt_RoClass {
  font-family: lato-regular;
  font-size: clamp(10px, 2vw, 14px);
  color: #ffffff; }

/**Footer*/
/**Text Input*/
.input_rg {
  font-family: lato-regular; }

/**Text Input*/
/**Input Suggestion*/
.suggest_rg {
  width: 720px;
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General); }

.suggest_search_rg {
  border-radius: 12px; }

.suggest_input_rg {
  padding: 0px 7px; }

.suggest_btn_rg {
  padding: 4px;
  background-origin: content-box; }

.suggest_opt_rg {
  padding: 5px; }

/**Input Suggestion*/
/**Modal Model One*/
.modal_rg {
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General); }

.modal_head_rg {
  color: #ffffff; }

.modal_body_rg {
  padding: var(--input_Padding_General); }

/**Modal Model One*/
/**Button Stripe*/
.stripe-btn-rg {
  font-family: lato-regular; }

/**Button Stripe*/
/**Radio Button*/
.radio_label_rg {
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General); }

/**Radio Button*/
/**Textarea*/
textarea {
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General);
  height: 60px;
  width: 100%;
  resize: none; }

/**Textarea*/
/**Basic Button*/
.btn_rg {
  padding: var(--input_Padding_General);
  font-size: var(--input_Fontsize_General); }

/**Basic Button*/
/*Icon Button (Table Actions Buttons)*/
.table-icon-btn {
  --icb_rg_bgcolor: transparent;
  /*icb_rg Background Color*/
  --icb_rg_active_bgcolor: transparent;
  /*icb_rg Active Background Color*/
  border: none;
  border-radius: 7px;
  margin: 0px 4px; }

/*Icon Button (Table Actions Buttons)*/
/**Card Category*/
.cardcat_rg {
  padding: var(--input_Padding_General); }

.cardcat_label_rg {
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General);
  color: #ffffff;
  padding: 3px; }

/**Card Category*/
/*Other Global Components*/
/**Form Field Component*/
.form-field {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.form-field-label {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  font-family: lato-bold;
  font-size: var(--input_Fontsize_General);
  padding: var(--input_Padding_General);
  color: #CBCBCD; }

.form-field-inputs {
  position: relative;
  box-sizing: border-box;
  display: flex;
  overflow: visible; }

.form-field-inputs-con {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: 100%; }

.form-btns {
  position: relative;
  display: flex;
  overflow: visible;
  box-sizing: border-box;
  flex-flow: row nowrap;
  justify-content: center; }

.form-btn {
  margin: 3px; }

.btn_rg_back {
  --btn_rg_borderwidth: 1px;
  /*btn_rg Border Width*/
  --btn_rg_bordercolor: #0374EB;
  /*btn_rg Border Color*/
  --btn_rg_bgcolor: #0374EB;
  /*btn_rg Background Color*/
  --btn_rg_active_bgcolor: #123E64;
  /*btn_rg Background Color when hovered and active*/ }

/**Form Field Component*/
/**Form Field Container*/
.form-field-con {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  justify-content: center;
  background-color: #ffffff; }

.form-field-con-child {
  width: 720px;
  overflow: visible; }

/**Form Field Container*/
/**Total Counter Number Component*/
.totalCountedNum {
  position: relative;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #39AB5B;
  font-size: clamp(10px, 1vw, 14px);
  font-family: lato-regular;
  color: #ffffff;
  padding: 4px; }

/**Total Counter Number Component*/
/**Table Section Component*/
.table-section {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  width: auto; }

/***Table Tools*/
.table-tools {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  padding: 7px 0px; }

.table-tools-set {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start; }

/***Table Tools*/
/***Table Container*/
.table-list {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
  border: 1.5px solid #0374EB; }

/* width */
.table-list::-webkit-scrollbar {
  width: var(--mone_rg_scrollwidth); }

/* Track */
.table-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px; }

/* Handle */
.table-list::-webkit-scrollbar-thumb {
  background: #0374EB;
  border-radius: 10px; }

/* Handle on hover */
.table-list::-webkit-scrollbar-thumb:hover {
  background: #123E64; }

/***Table Container*/
/**Table Section Component*/
/**Center Input Suggestion*/
.content-center {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  height: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center; }

.searching-area {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center; }

.display-selected-suggestion {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

/**Center Input Suggestion*/
/**Avatar*/
.avatar {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 7px; }

.avatar-img {
  position: relative;
  display: block;
  box-sizing: border-box;
  object-fit: contain;
  width: var(--input_Iconsize_General);
  height: var(--input_Iconsize_General);
  flex-shrink: 0; }

.avatar-name {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  font-family: lato-regular;
  font-size: var(--input_Fontsize_General);
  color: #39AB5B;
  margin-left: 5px; }

/**Avatar*/
/**Bottom Popup Modal in Modal*/
#bmodal-inModal {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  height: auto; }

/***Bottom Popup Modal (Loader), Bottom Popup Modal (Loader Done)*/
#popup-BottomModal-Loader .bmodal_cont_rg,
#popup-BottomModal-Loaded .bmodal_cont_rg,
#popup-BottomModal-Error .bmodal_cont_rg {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center; }

@keyframes zoomIn {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
.bottomModalLoader,
.bottomModalLoaded,
.bottomModalError {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(75px, 5vw, 120px);
  height: clamp(75px, 5vw, 120px);
  background-color: #ffffff;
  flex-shrink: 0; }

.bottomModalLoaded {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-direction: normal; }

.bottomModalLoader-Message, .bottomModalLoaded-Message, .bottomModalError-Message {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  font-family: lato-bold;
  font-size: clamp(10px, 1vw, 22px);
  flex-shrink: 0; }

.bottomModalLoaded-Message {
  color: #39AB5B; }

.bottomModalError-Message {
  color: #D61E1E; }

#addPatLoad {
  background-image: url("./../../src/universal health.gif"); }

#addPatLoaded {
  background-image: url("./../../src/webapp icon.png"); }

#addPatError {
  background-image: url("./../../src/warning red.gif"); }

/***Bottom Popup Modal (Loader), Bottom Popup Modal (Loader Done)*/
/**Bottom Popup Modal in Modal*/
/*Other Global Components*/
/*General*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile*/
@media all and (max-width: 641px) {
  /*Table Tools*/
  .table-tools {
    flex-flow: column nowrap;
    justify-content: flex-start; }

  .table-tools-set {
    width: 100%;
    justify-content: center; }

  /*Table Tools*/
  /*Bottom Popup Modal*/
  .bmodal_cont_rg h2 {
    font-size: clamp(12px, 2vw, 16px); }

  .bmodal_cont_rg p {
    font-size: clamp(10px, 2vw, 14px); }

  /*Bottom Popup Modal*/
  /*Form Field Component*/
  .form-field-inputs {
    flex-flow: column nowrap;
    justify-content: flex-start; }

  .form-field-inputs-con {
    margin: 3px 0px; }

  /*Form Field Component*/
  /*Form Field Container*/
  .form-field-con {
    background-color: #ffffff; }

  /*Form Field Container*/ }
/*Mobile*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  /*Table Tools*/
  .table-tools {
    flex-flow: column nowrap;
    justify-content: flex-start; }

  .table-tools-set {
    width: 100%;
    justify-content: center; }

  /*Table Tools*/
  /*Bottom Popup Modal*/
  .bmodal_cont_rg h2 {
    font-size: clamp(12px, 2vw, 16px); }

  .bmodal_cont_rg p {
    font-size: clamp(10px, 2vw, 14px); }

  /*Bottom Popup Modal*/
  /*Form Field Component*/
  .form-field-inputs {
    flex-flow: row nowrap;
    justify-content: center; }

  .form-field-inputs-con {
    margin: 3px; }

  /*Form Field Component*/
  /*Form Field Container*/
  .form-field-con {
    background-color: #ffffff; }

  /*Form Field Container*/ }
/*Tablet*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*PC*/
@media all and (min-width: 1081px) {
  /*Table Tools*/
  .table-tools {
    flex-flow: row wrap;
    justify-content: space-between; }

  .table-tools-set {
    justify-content: flex-start;
    width: auto; }

  /*Table Tools*/
  /*Form Field Component*/
  .form-field-inputs {
    flex-flow: row nowrap;
    justify-content: center; }

  .form-field-inputs-con {
    margin: 3px; }

  /*Form Field Component*/
  /*Form Field Container*/
  .form-field-con {
    background-color: transparent; }

  /*Form Field Container*/ }
/*PC*/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Root*/
/*Root*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*General*/
/*General*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/*Import Mixins*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Root*/
/*Root*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*General*/
/*Fonts*/
@font-face {
  font-family: "lato-bold";
  src: url("../../Fonts/Lato-Bold.ttf"); }
@font-face {
  font-family: "lato-light";
  src: url("../../Fonts/Lato-Light.ttf"); }
@font-face {
  font-family: "lato-regular";
  src: url("../../Fonts/Lato-Regular.ttf"); }
/*Fonts*/
/*Dashboard Search Area*/
#dashboard-search {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  justify-content: center; }

/*Dashboard Search Area*/
/*Dashboard Charts*/
#dashboard-charts-wrapper {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
  display: flex;
  margin-top: 20px;
  justify-content: center; }

.perchart-wrappers {
  position: relative;
  box-sizing: border-box;
  overflow: visible; }

.perchart {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: visible; }

.perchart div {
  box-sizing: border-box;
  overflow: visible; }

/*Dashboard Charts*/
/*General*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile*/
@media all and (max-width: 641px) {
  /*Dashboard Search Area*/
  #dashboard-search {
    flex-flow: column nowrap; }

  /*Dashboard Search Area*/
  /*Dashboard Charts*/
  #dashboard-charts-wrapper {
    flex-flow: column nowrap; }

  .perchart-wrappers {
    width: 100%;
    height: 500px; }

  /*Dashboard Charts*/ }
/*Mobile*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  /*Dashboard Search Area*/
  #dashboard-search {
    flex-flow: column nowrap; }

  /*Dashboard Search Area*/
  /*Dashboard Charts*/
  #dashboard-charts-wrapper {
    flex-flow: column nowrap; }

  .perchart-wrappers {
    width: 100%;
    height: 500px; }

  /*Dashboard Charts*/ }
/*Tablet*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*PC*/
@media all and (min-width: 1081px) {
  /*Dashboard Search Area*/
  #dashboard-search {
    flex-flow: row wrap; }

  /**Date Range (Dashboard Daterange)*/
  .range_rg {
    --range_rg_width: 520px;
    /*range_rg Width*/ }

  /**Date Range (Dashboard Daterange)*/
  /*Dashboard Search Area*/
  /*Dashboard Charts*/
  #dashboard-charts-wrapper {
    flex-flow: row nowrap; }

  .perchart-wrappers {
    width: 560px;
    height: 500px; }

  /*Dashboard Charts*/ }
/*PC*/
/***********************************************************************************************************************************************************************************************************/
/*Media Queries*/
/***********************************************************************************************************************************************************************************************************/

/*# sourceMappingURL=index.css.map */